.font_color_white {
  color: #efefef;
}

.font_color_gray3 {
  color: #cfcfcf;
}

.font_color_gray2 {
  color: #afafaf;
}

.font_color_gray1 {
  color: #9f9f9f
}

.font_color_black3 {
  color: #333;
}

.font_color_blue1 {
  color: #42A5F5
}

.font_color_black2 {
  color: #222
}

.font_color_black1 {
  color: #111
}

.font_weight_bold {
  font-weight: 700;
}

.font_weight_thin {
  font-weight: 100;
}



/* position */
.p_w_c {
  margin: 0 auto;
  display: block;
}

.p_h_c {
  /* margin-top: 50%; */
  transform: translateY(-50%);
}

/* clear */
.clearfix:after {
  content: "";
  display: block;
  height: 0;
  visibility: hidden;
  clear: both;
}

.clearfix {
  *zoom: 0
}

/* clear BFC */
.overflow_h {
  overflow: hidden;
}